<template>
  <a-pagination 
  class="margin-t-20 margin-b-20"
  :current="current"
  :hideOnSinglePage="hideOnSinglePage"
  :pageSize="pageSize"
  :pageSizeOptions="pageSizeOptions"
  :showQuickJumper="showQuickJumper"
  :showSizeChanger="showSizeChanger"
  :showTotal="showTotal"
  :simple="simple"
  :size="size"
  :total="total"
  @change="pageChange"
  @showSizeChange="showSizeChange" />
  
</template>

<script>
export default {
  name: 'BasePagination',
  props: {
    current:{
      type:Number,
      default:1
    },
    hideOnSinglePage:{
      type:Boolean,
      default:false
    },
    pageSize:{
      type:Number,
      default:20
    },
    pageSizeOptions:{
      type:Array,
      default:()=>{ return ['20','30','50'] }
    },
    showQuickJumper:{
      type:Boolean,
      default:true
    },
    showSizeChanger:{
      type:Boolean,
      default:true
    },
    showTotal:{
      type:Function,
      default:(total)=>{
        return `共${total}条`
      }
    },
    simple:{
      type:Boolean,
      default:null
    },
    size:{
      type:String,
      default:''
    },
    total:{
      type:Number,
      default:0
    }
  },
  methods: {
    pageChange(page, pageSize){
      this.$emit('pageChange',{page:page,pageSize:pageSize})
    },
    showSizeChange(page, pageSize){
      this.$emit('showSizeChange',{page:page,pageSize:pageSize})
    }
  }
}
</script>

<style lang="less" scoped>

</style>
